<template>
  <div class="news">
    <Head />   
    <main>
      <section>
        <XuanXiang />
        <Showplace />
      </section>
    </main>
    <NavBottom />
  </div>
</template>

<script>
import Head from '@/components/news/head.vue'
import XuanXiang from '@/components/news/xuanXiang.vue'
import Showplace from '@/components/news/showplace.vue'
export default {
  components:{
    Head,
    XuanXiang,
    Showplace
  }
}
</script>

<style scoped>
.news main {
  height: 7.1rem;
  overflow-y: scroll;
  /* background-color: coral; */
}
.news section {
  width: 100%;
  min-height: 7rem;
  /* background-color: rgba(209, 191, 191, 0.986); */
  padding: 0.15rem;
  padding-top: 0;
}
</style>